<script type="text/javascript">
$(document).ready(function(){

		var validator = $("#change").validate({
		rules: {
			
			
			
			new_password: {
				required: true,
				minlength: 6
			},
			password_confirm: {
				required: true,
				minlength: 6,
				equalTo: "#new_password"
			}
			
			
		},
		messages: {
		
			
			new_password: {
				required: "Provide a password",
				rangelength: jQuery.format("Enter at least {0} characters")
			},
			password_confirm: {
				required: "Repeat your password",
				minlength: jQuery.format("Enter at least {0} characters"),
				equalTo: "Enter the same password as above"
			}
			
			
		},
		
		errorPlacement: function(error, element) {
			error.insertAfter(element.parent().find('label:first'));
		},
		
		success: function(label) {
			// set &nbsp; as text for IE
			label.html("&nbsp;").addClass("ok");
		}
	});
	 
  	
  	
 });
</script>

	<!-- Page content -->
	<div id="page">
		<!-- Wrapper -->
		<div class="wrapper">
				<!-- Left column/section -->
				<section class="column width6 first">					

					<h3>ChangePW</h3>
					
					
					<form id="change" method="post" action="/adminpanel/changeuserpw">

						<fieldset>
	
							
							<p>
								<label class="required" for="password">New Password:</label><br/>
								<input type="password"  id="new_password" class="half" value="" name="new_password"/>
							</p>
							
							<p>
								<label class="required" for="password_confirm">Confirm password:</label><br/>
								<input type="password"  id="password_confirm" class="half" value="" name="password_confirm"/>
							</p>
							
							

							<p class="box"><input type="submit" class="btn btn-green big" value="Submit"/></p>

						</fieldset>

					</form>

					
				</section>
				
				
				
				
		</div>
		<!-- End of Wrapper -->
	</div>
	<!-- End of Page content -->